<html>
<head>

	<meta name="keywords" content="jqueryui graph, jqueryui diagram,jqueryui chart, jqueryui flowchart,javascript graph, javascript diagram,javascript chart, javascript flowchart,jquery graph, jquery diagram,jquery chart, jquery flowchart" />

	<title> Demo 1 </title>

	<link rel="stylesheet" href="library/themes/base/jquery.ui.all.css">
	<script src="library/jquery-1.6.2.min.js"></script>
	<script src="library/ui/minified/jquery.ui.core.min.js"></script>
	<script src="library/ui/minified/jquery.ui.widget.min.js"></script>
	<script src="library/ui/minified/jquery.ui.mouse.min.js"></script>
	<script src="library/ui/minified/jquery.ui.draggable.min.js"></script>
	<script src="library/ui/minified/jquery.ui.resizable.min.js"></script>
	<script src="library/ui/minified/jquery.ui.droppable.min.js"></script>
	<script src="library/ui/minified/jquery.ui.button.min.js"></script>

	
	
	
	<script src="scripts/wz_jsgraphics.js"></script>
	

	<script src="scripts/jgraphui.js"/></script>


	<link rel="stylesheet" href="styles/diagram.css">

	<link rel="stylesheet" href="styles/demos.css">

	<style>

	html, body {
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		
 	}
	



	</style>
	
</head>
<body>














<script language="javascript">

$(document).ready(function() {

var diagram = new Diagram(
			{
			'xPosition':20, 
			'yPosition':30, 
			'width':1000, 
			'height':600,
			'imagesPath': 'images/',
			'connectionColor': '#AA0000'
			});

});
</script>



</body>
</html>
